﻿<UserControl
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
	mc:Ignorable="d"
	x:Class="Wilke.Interactive.Drone.PlayGround.Thumb"
	x:Name="UserControl"
	d:DesignWidth="268" d:DesignHeight="283.5">
	<UserControl.Resources>
		<Storyboard x:Key="OnTouchDown1">
			<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="OuterGlow">
				<EasingDoubleKeyFrame KeyTime="0" Value="0"/>
				<EasingDoubleKeyFrame KeyTime="0:0:0.3" Value="1"/>
			</DoubleAnimationUsingKeyFrames>
		</Storyboard>
		<Storyboard x:Key="OnTouchUp1">
			<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="OuterGlow">
				<EasingDoubleKeyFrame KeyTime="0:0:0.3" Value="0"/>
			</DoubleAnimationUsingKeyFrames>
		</Storyboard>
	</UserControl.Resources>
	<UserControl.Triggers>
		<EventTrigger RoutedEvent="Touch.TouchDown" SourceName="LayoutRoot">
			<BeginStoryboard x:Name="OnTouchDown1_BeginStoryboard" Storyboard="{StaticResource OnTouchDown1}"/>
		</EventTrigger>
		<EventTrigger RoutedEvent="Touch.TouchUp" SourceName="LayoutRoot">
			<BeginStoryboard x:Name="OnTouchUp1_BeginStoryboard" Storyboard="{StaticResource OnTouchUp1}"/>
		</EventTrigger>
		<EventTrigger RoutedEvent="Stylus.StylusDown" SourceName="LayoutRoot">
			<BeginStoryboard Storyboard="{StaticResource OnTouchDown1}"/>
		</EventTrigger>
		<EventTrigger RoutedEvent="Stylus.StylusUp" SourceName="LayoutRoot">
			<BeginStoryboard x:Name="OnTouchUp1_BeginStoryboard1" Storyboard="{StaticResource OnTouchUp1}"/>
		</EventTrigger>
	</UserControl.Triggers>

	<Grid x:Name="LayoutRoot" Width="{Binding ActualWidth, ElementName=UserControl}" Height="{Binding ActualHeight, ElementName=UserControl}" HorizontalAlignment="Center" VerticalAlignment="Center">
		<Canvas x:Name="InnerThumb" Margin="38,38,0,0" HorizontalAlignment="Left" Width="196" Height="196" VerticalAlignment="Top" d:LayoutOverrides="HorizontalAlignment">
			<Ellipse Width="196" Fill="#FF172117" Height="196"/>
			<Path Data="M85.352814,31.852814 C55.80558,31.852814 31.852814,55.80558 31.852814,85.352814 31.852814,114.90005 55.80558,138.85281 85.352814,138.85281 114.90005,138.85281 138.85281,114.90005 138.85281,85.352814 138.85281,55.80558 114.90005,31.852814 85.352814,31.852814 z M84.852814,0 L169.70563,84.852814 84.852814,169.70563 0,84.852814 z" Fill="#FF2B3F2D" Stretch="Fill" Width="169.706" Height="169.706" Canvas.Left="15.147" Canvas.Top="12.147"/>
			<Path Data="M85.352814,31.852814 C55.80558,31.852814 31.852814,55.80558 31.852814,85.352814 31.852814,114.90005 55.80558,138.85281 85.352814,138.85281 114.90005,138.85281 138.85281,114.90005 138.85281,85.352814 138.85281,55.80558 114.90005,31.852814 85.352814,31.852814 z M84.852814,0 L169.70563,84.852814 84.852814,169.70563 0,84.852814 z" Fill="#FF2B3F2D" Stretch="Fill" Width="135.058" RenderTransformOrigin="0.5,0.5" Height="135.058" Canvas.Left="32.221" Canvas.Top="29.221">
				<Path.RenderTransform>
					<TransformGroup>
						<ScaleTransform/>
						<SkewTransform/>
						<RotateTransform Angle="-45"/>
						<TranslateTransform/>
					</TransformGroup>
				</Path.RenderTransform>
			</Path>
			<Path x:Name="Shine" Data="M157,66 C157,90.576671 108.93607,64.000277 70,64.000277 31.063925,64.000277 -13,88.576671 -13,64 -13,39.423329 31.563925,0 70.5,0 109.43607,0 157,41.423329 157,66 z" Height="76.427" Stretch="Fill" Width="170" Canvas.Left="14" Canvas.Top="4">
				<Path.Fill>
					<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
						<GradientStop Color="#54FFFFFF" Offset="0.004"/>
						<GradientStop Color="#05FFFFFF" Offset="0.996"/>
					</LinearGradientBrush>
				</Path.Fill>
			</Path>
		</Canvas>
		<Ellipse x:Name="OuterGlow" Stroke="#FF25CA0E" StrokeThickness="25" HorizontalAlignment="Left" Width="271" Height="271" VerticalAlignment="Top" Opacity="0">
			<Ellipse.Effect>
				<BlurEffect Radius="38"/>
			</Ellipse.Effect>
		</Ellipse>
	</Grid>
</UserControl>